<div class="expression-content">
  <div class="expression-textarea">
    <textarea id="text"
              apes-input
              class="expression-textarea"
              [rows]="5"
              [value]="textareaValue"
              (click)="clickText()"></textarea>
  </div>
  <div class="expression-type">
    <apes-card apesTitle="类型" style="width: 100%">
      <ng-container *ngFor="let data of typeData,let i = index;">
        <div class="expression-type-main" [ngClass]="{'check': data.check}"
             (click)="selectTypeData(data,typeData)">{{data.name}}</div>
      </ng-container>
    </apes-card>
    <apes-card apesTitle="选项" style="width: 100%">
      <ng-container *ngIf="showList.length == 0">
        <div class="expression-type-main">暂无选项</div>
      </ng-container>

      <ng-container *ngIf="showList.length != 0">
        <ng-container *ngFor="let data of showList,let i = index;">
          <div class="expression-type-main">{{data}}</div>
        </ng-container>
      </ng-container>
    </apes-card>
  </div>

</div>
